body{
    background-color: powderblue;
}

/*主体容器样式*/
.vessel-body {
    width: 90%;
    height: 800px;
    margin: 0 auto;
    margin-top: 48px;
    border-radius: 20px;
    background-color: #FFFFFF;
    margin-bottom: 48px;
}
.vessel-title{
    height: 80px;
    border-bottom:1px solid #bbe3df;
    text-align: center;
    line-height: 80px;
    width: 98%;
    margin:  0 auto;
}
.vessel-form{
    height: 64px;
    line-height: 64px;
    margin-top: 24px;
}
.vessel-form .layui-input-block{
    margin-left: 52px;
}
.vessel-input{
    width: 240px;
    margin-right: 24px;
}
.label-stu-info{
    font-size: 16px;
    width: 120px;
    padding-top: 24px;
}
/*设置按钮宽度*/
.layui-input-inline button{
    margin-left: 12px;
    width: 120px;
}
/*展示用户个人信息*/
.vessel-userInfo{
    height: 150px;
    border-radius: 10px;
    border: 1px #3aa83a dashed;
}
.vessel-form-userInfo{
    margin-top: 12px;

}
.vessel-block{
    padding: 10px 0px;
    margin-left: 0px;
}
/*配置表格样式宽度*/
.vessel-table{
    width: 90%;
    margin:  0 auto;
}
/*请搜索用户图标*/
.vessel-wxb-find{
    width: 100%;
    text-align: center;
}
.vessel-wxb-find img{
    display: block;
    width: 48px;
    height: 48px;
    margin:  0 auto;
    margin-top: 180px;
    position: relative;
    /*动画名称*/
    animation-name: example;
    /*周期时长*/
    animation-duration: 3s;
    /*持续时长，永动*/
    animation-iteration-count: infinite;
}

@keyframes example {
    0%   {left:0px; top:0px;}
    25%  {left:-10px; top:0px;}
    50%  {left:-10px; top:-10px;}
    75%  {left:0px; top:-10px;}
    100%  {left:0px; top:0px;}
}
.vessel-wxb-find span{
    display: inline-block;
    margin-top: 24px;
    font-size: 15px;
    color: #9F9F9F;
}
    /*表格操作按钮样式*/
.span-btn{
    padding: 0 8px;
}
.span-btn-edit{
    color: #2D93CA;
}
.span-btn-danger{
    color: #ff0000;
}
/*头部操作栏样式*/
.vessel-toolbar{
    width: 100%;
    text-align: center;
}

.vessel-toolbar-title{
    font-size: 16px;
}
.project-add{
    float: left;
}

/*穿梭框样式*/
.layui-unselect layui-form-checkbox span{
    color: #00B83F;
}
/*确认项目信息按钮*/
.transfer-sure{
    margin-right: 36px;
    margin-top: 24px;
    text-align: center;
    color: #de0303;
    /*设置字间距*/
    letter-spacing: 8px;
}
.transfer-sure button , .project-info-send{
    float: right;
    width: 120px;
}

/*金额总计样式*/
.vessel-bill{
    float: right;
    margin-top: 12px;
    text-align: left;
}
.bill{
    font-size: 14px;
    padding: 0px 24px;
}
.bill-yellow{
    color: #FFB800;
}
.bill-red{
    color: #ff0033;
}
.bill-green{
    color: #33cc33;
}

/*设置编辑信息输入*/
#projectInfo .layui-form{
    margin-top: 24px;
}
.vessel-project-info{
    margin: 18px 24px;
}
.project-info-send{
    margin-right: 48px;
}
/*数据分析开关tip*/
.filtering-tip{
    display: inline-block;
    font-size: 10px;
    color: red;
    float: right;
    margin-left: 14px;
}